.myInfo{
	width: 100%;
	height: 100%;
	padding: 0 3%;
	box-sizing:border-box;
	.title {
		height: 70px;
		line-height: 68px;
		position: relative;
		span {
			font-weight: 600;
			font-size: 16px;
			color: #444;
		}
		button {
			background:none;
			border:none;
			position: absolute;
			right: 0;
			top : 20px;
			width: 90px;
			height: 30px;
			border-radius: 100px;
			color: #ffffff;
			font-size: 12px;
  			font-weight: 600;
			background-color: #61db64;
		}
	}
	.info_box {
		width: 100%;
		height: calc( 92% - 70px );
		.my_self {
			font-size: 16px;
			margin-bottom: 10px;
			height: 30px;
			.name {
				margin-right: 10px;
			}
			.superior_name {
				color: #c97070;
			}
		}
		.ulBox {
			position: relative;
			width: 100%;
			height: calc( 100% - 40px );
			// background-color: #ddd;
			overflow: auto;
		}
		.uls {
			width: 100%;
			font-size: 14px;
			.li2{
				height: 30px;
				line-height: 30px;
				margin-bottom: 5px;
				.count-set{
					margin-right: 2.5%;
					.set{
						cursor: pointer;
						color: #3068ff;
						margin-left: 10px;
					}
					.count{
						color: #ff0000;
					}
					.count-inp{
						width: 50px;
						text-align: center;
					}
				}
				.name {
					text-indent: 10px;
				}
				.status {
					margin-right: 5%;
					span {
						border-radius: 10px;
						padding: 0 3px;
						height: 28px;
						border: solid 1px #82c971;
						color: #82c971;
					}
				}
				.handle_status {
					span {
						padding-right: 10px;
						cursor: pointer;
						color: #c97070;
					}
				}
			}
		}
	}
	.up_box {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 10;
		background-color: rgba(0,0,0,.73);
		.up_inner_box {
			width:35%;
			height: 25%;
			border-radius: 15px;
			background-color: #fff;
			padding-top: 16px;
			.top {
				padding: 0 6%;
				position: relative;
				font-weight: 600;
				font-size: 1.2rem;
				.close {
					position: absolute;
					right: 10px;
					top: -4px;
					display: inline-block;
					vertical-align: middle;
					width:20px;
					height:20px;
					line-height:20px;
					border-radius: 20px;
					text-align: center;
					color: #fff;
					background-color: #e38282;
					cursor: pointer;
				}
			}
			.text_box {
				height: 60%;
				margin-top: 10px;
				padding-top: 10%;
				box-sizing:border-box;
				.item {
					width: 80%;
					margin: 0 auto;
					.name {
						font-size: 1rem;
						color: #444;
						display: inline-block;
						vertical-align: middle;
						width: 50px;
						i {
							color: #e38282;
						}
					}
					input {
						display: inline-block;
						vertical-align: middle;
						height: 28px;
						font-size: 1rem;
						background:none;
						width: 65%;
						border:none;
						border-bottom: 1px solid #ddd;
					}
				}
			}
			.btn {
				text-align: center;
				button {
					margin: 0 10px;
					width: 100px;
  					height: 30px;
  					font-size: 14px;
					background:none;
					border:none;
					border-radius: 100px;
				}
				.cancle {
					background-color: #ddd;
					color: #999;
				}
				.sure {
					background-color: #3068fe;
					color: #fff;
					box-shadow: 0 2px 10px 0 #3068fe;
				}
			}
		}
	}
	// 分页器
	.pager {
		height: 7%;
		padding: 0 5%;
		.pagerCon {
			height: 30px;
			width: 100%;
			font-size: .875rem;
			color: #666;
			.curPage,.totalPage {
				height: 100%;
				margin-right: 1.7%;
			}
			.pagerBtnBox {
				height: 100%;
				min-width: 100px;
				background: #fff;
				border-radius: 100px;
				border: solid 1px #f1f1f1;
				box-sizing: border-box;
				.pagerBtn {
					padding: 0 6%;
					height: 100%;
				}
				.curPageNumber {
					width: 50%;
					height: 100%;
				}
				.prev,.next {
					height: 100%;
					width: 25%;
					cursor: pointer;
					color: #ddd;
				}
				.havePage {
					color: #3068ff;
				}
			}
		}
	}

	@media screen and (max-width: 768px) {
        .info_box {
	       	.uls {
	       		height: 100%;
	       		.li2 {
	       			height: .8rem;
	       			line-height: .8rem;
					font-size: .32rem;
					border-bottom: 1px solid #ddd;
					padding: .1rem 0;
					margin-bottom: 0;
					vertical-align: middle;
		       		.status {
						   margin-right: .2rem;
						   vertical-align: middle;
		       		}
		       		.name {
						   text-indent: 0;
						   width: 6rem;
						   white-space: nowrap;						   
						   text-overflow: ellipsis;
						   overflow: hidden;
					}
	       		}
	       	}
	    }
	    .up_box {
	    	.up_inner_box {
	    		width:85%;
	    		height: 40%;
	    		.top {
	    			font-size: 0;
	    			.up_title {
	    				font-size: .46rem;
	    			}
	    			.close {
	    				font-size: .46rem;
	    			}
	    		}
	    		.text_box {
					p{
						font-size: .4rem;
						padding-bottom: .35rem;
						color: #3068ff;
					}
	    			.item {
	    				width: 80%;
						margin: 0 auto;
	    				.name {
	    					font-size: .45rem;
	    				}
	    				input {
	    					font-size: .4rem;
						}
	    			}
	    		}
	    	}
	    }
	    #pager {
	    	.pagerCon {
	    		font-size: .4rem;
	    		.pagerBtn {
	    			i{
	    				font-size: .4rem;
	    			}
	    		}
	    	}
	    }  	
    }  
}